import React, { useEffect, useState } from 'react'
import { useNavigate, useSearchParams } from 'react-router-dom'
import axios from 'axios'
import { Cell, Input, hooks } from 'react-vant'
import { Tabs, Space, TextArea, Button } from 'antd-mobile'
export default function Continue() {
  let navigate = useNavigate()
  let [search] = useSearchParams()
  let [item, setItem] = useState({})
  let [y, setY] = useState([])
  let id = search.get('id')
  let [name,setName]=useState('')
  let [age,setAge]=useState('')
  let [sex,setSex]=useState('')
  let [zd,setZd]=useState('')
  let [yj,setYj]=useState('')

  let top = () => {
    navigate(-1)
  }
  useEffect(() => {
    getinfo()
    gety()
  }, [])
  
  let getinfo = async () => {
    // console.log(id);

    let { data: { data } } = await axios.get('http://127.0.0.1:3000/mxd_infoid', { params: { id } })
    console.log(data);
    setItem(data)
    setName(data.ptname)
    setAge(data.ptage)
    setSex(data.ptsex)
    setZd(data.zd)
    setYj(data.yj)
  }
  let gety = async () => {
    let { data: { data } } = await axios.get('http://127.0.0.1:3000/mxd_getids', { params: { id } })
    // console.log(data);
    setY(data)

  }
  // let gb = async (value) => {
  //   let copy={...item}
  //   copy.ptsex=value
  //   console.log(copy);
    
  //   setItem(copy)
  // }
  let yl = (id) => {
    console.log(id);
    navigate('/gg/uf?id=' + id)

  }
  let save = async(id) => {
    console.log(id)
    let copy={...item}
    let obj={
      _id:id,
      ptname:name,
      ptage:age,
      ptsex:sex,
      dname:copy.dname,
      ks:copy.ks,
      zd:zd,
      yj:yj

    }
    console.log(obj);
    let {data}=await axios.post('http://127.0.0.1:3000/mxd_upcfinfo',obj)
    console.log(data);
    

  }
  let sc=async(id)=>{
    console.log(id);
    let {data}=await axios.get('http://127.0.0.1:3000/mxd_sccfyid',{params:{id}})
    console.log(data);
    gety()
    
}
  return (
    <div id='continue'>
      <div className="top">
        <p>
          <span>
            <svg onClick={top} style={{ width: '30px', height: '35px', position: 'absolute', marginLeft: '5px' }} t="1724675809513" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2590" width="200" height="200"><path d="M670.6 861.6c-7.6 0-15.1-2.9-20.9-8.6L329.4 532.7c-11.6-11.5-11.6-30.3 0-41.8l320.2-320.2c5.8-5.8 13.3-8.6 20.9-8.6 7.5 0 15.1 2.9 20.9 8.6 11.5 11.5 11.5 30.2 0 41.8L392 511.8l299.4 299.4c11.5 11.6 11.5 30.3 0 41.8-5.7 5.7-13.3 8.6-20.8 8.6z" fill="#2c2c2c" p-id="2591"></path></svg>
          </span>
          <span style={{ marginLeft: '35px', marginTop: '10px', lineHeight: '33px', fontSize: '20px' }}>续方</span>

        </p>
        <hr />
      </div>
      <div className="big">
        <p>患者姓名：
          <input className='name1' onChange={(e)=>{setName(e.target.value)}} value={name} type="text" />
        </p>
        <p>年龄：
          <input className='name1' onChange={(e)=>{setAge(e.target.value)}}  value={age} type="text" />岁
        </p>
        <p>性别：
          <input onClick={(e) => { setSex(e.target.value) }} defaultChecked={(item.ptsex||item.ptsex==="true")?true:false}  className='name1' name='sex'  value={true} type="radio" />男
          <input onClick={(e) => { setSex(e.target.value) }} defaultChecked={(!item.ptsex||item.ptsex==="false")?true:false} className='name1'  name='sex'   value={false} type="radio" />女

        </p>
      </div>
      <div className="big2">
        <p><label htmlFor="">初步诊断：</label><br />
          <textarea className='area1' onChange={(e)=>{setZd(e.target.value)}} cols={30} rows={2} value={zd} name="" id=""></textarea>
        </p>
        <p><label htmlFor="">处理意见：</label><br />
          <textarea className='area1' onChange={(e)=>{setYj(e.target.value)}} cols={30} rows={4} value={yj} name="" id=""></textarea>
        </p>
      </div>
      <div className="big3">
        <span className='rp'>Rp</span>
        {y.map(i => (
          <div key={i._id} className="small">

            <br />
            <p>【代文】{i.name}</p>
            <p>规格：{i.grade}</p>
            <p>{i.usage}</p>
            <p style={{ marginLeft: '250px', }}>
              <Button onClick={()=>{sc(i._id)}} color='primary' size='mini' shape='rounded' fill='outline'>
                删除
              </Button>
              <Button onClick={() => { yl(i._id) }} color='primary' size='mini' shape='rounded' fill='solid'>
                编辑用量
              </Button>

            </p>
          </div>
        ))}

        <Button onClick={() => { navigate('/gg/addy?yid='+item._id) }} style={{ width: '200px', marginLeft: '100px', marginTop: '25px',marginBottom:'20px' }} shape='rounded' size='large' color='primary' fill='outline'>
          新增药品
        </Button>
      </div>
      {/* <div className="big5"> */}

      {/* </div> */}
      <div className="big4">
        <p>处方医师：{item.dname}</p>
        <p>科室：{item.ks}</p>

      </div>

      <div className="bc">
        <Button onClick={() => { save(item._id) }} style={{ width: '300px', marginLeft: '50px', marginTop: '20px' }} shape='rounded' color='primary' >
          保存
        </Button>
      </div>
    </div>
  )
}
